//scrpits/note.js 编码格式utf-8

var SUCCESS=0;
var ERROR=1;

$(function(){
	
//	var userId=getCookie('userId');
//	console.log(userId);
	//网页加载后,立即读取笔记本列表
	loadNotebooks();
	
	//绑定笔记本列表区域的点击事件
	//on() 绑定事件可以区分事件源,
	//click()方法绑定事件,无法区分事件源
	$('#notebook-list').on('click','li',loadNotes);
	
	
		
	
});

//笔记本项目点击事件处理方法,加载全部笔记
function loadNotes(){
	var url="note/list.do";
	
	var li=$(this);//当前被点击的对象li
	
	//在点击笔记本li时增加选定效果
	li.parent().find('a').removeClass('checked');
	li.find('a').addClass('checked');
	
	var data={'notebookId':li.data('notebookId')};
//	console.log(data);
	
	$.getJSON(url,data,function(result){
		if(result.state==SUCCESS){
			var notes=result.data;
			showNotes(notes);
			
		}else{
			
			alert(result.message);
		}
		
	});
}

/**将笔记列表显示到显示屏上*/
function showNotes(notes){
//	console.log(notes);
	//显示笔记到对应的区域
	var ul=$('#note-list ul');
	
	ul.empty();
	
	for(var i=0;i<notes.length;i++){
		var note=notes[i];
		var li=noteTemplate.replace('[title]',note.title);
		li=$(li);
		ul.append(li);
	
	}
	
	
	
	
}


var noteTemplate='<li class="online"><a>'+
'<i class="fa fa-file-text-o" title="online" rel="tooltip-bottom">'+
'</i>[title]<button type="button" class="btn btn-default btn-xs btn_position btn_slide_down">'+
'<i class="fa fa-chevron-down"></i></button></a>'+
'<div class="note_menu" tabindex="-1">'+
'<dl>'+
	'<dt><button type="button" class="btn btn-default btn-xs btn_move" title="移动至...">'+
			'<i class="fa fa-random"></i></button></dt>'+
	'<dt><button type="button" class="btn btn-default btn-xs btn_share" title="分享">'+
	'<i class="fa fa-sitemap"></i></button></dt>'+
	'<dt><button type="button" class="btn btn-default btn-xs btn_delete" title="删除">'+
	'<i class="fa fa-times"></i></button></dt></dl></div></li>';




function loadNotebooks(){
	//利用ajax从服务器获取(get)数据
	var url='notebook/list.do';
	var data={'userId':getCookie('userId')};
	$.getJSON(url,data,function(result){
		console.log(result);
		if(result.state==SUCCESS){
			var notebooks=result.data;
			//在showNotebooks方法中将全部的笔记本
			//数据notebooks显示到notebook-list区域
			showNotebooks(notebooks);
			
		}else{
			alert(result.message);
		}
		
	});
	
}

//在notebook-list区域中显示笔记本列表
function showNotebooks(notebooks){
	//找到显示笔记本的区域,便利notebooks数组,
	//将每个对象创建一个li元素,添加到ul元素中
	var ul=$('#notebook-list ul');
	
	ul.empty();
	
	for(var i=0;i<notebooks.length;i++){
		var notebook=notebooks[i];
		
		var li=notebookTemplate.replace('[name]',notebook.name);
		li=$(li);	
		//将notebook.id绑定到li上
		li.data('notebookId',notebook.id);
		
		ul.append(li);
	
	}
	
}
	
var notebookTemplate='<li class="online">'+
				'<a><i class="fa fa-book" title="online" rel="tooltip-bottom">'+
				'</i>[name]</a></li>';



























